<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=no, target-densitydpi=medium-dpi" />
<title> ::: 골프인 :::</title>
<link rel="stylesheet" type="text/css" href="../css/common.css">
<script  src="../js/common.js"></script>
<script  src="../js/jquery.js"></script>
<script src="../js/jquery.mobile-1.1.0.js"></script>
</head>

<body>
<section id="booking_account_ok" data-role="page" class="container">
    <!--top-->
    <header data-role="header" data-position="fixed">
        <!--top navi-->
        <nav data-role="navbar" data-theme="a" id="top_gnb">
            <ul>
                <li><a id="main_menu_btn" href="#" data-transition="slide">
                    <span class="ico_navi navi1">icon</span> <span class="navi_txt">Menu</span>
                </a></li>
                <li><a id="main_noti_btn" href="#" data-transition="slide">
                    <span class="ico_navi navi2">icon</span> <span class="navi_txt">알림</span>
                    <!--새글이 있을때만 보이는 new 아이콘-->
                    <span class="ico_navi navi3">new icon</span>
                </a></li>
            </ul>
        </nav><!-- // id="top_gnb" 끝  -->
        
        <!--title-->
        <div class="top_title_G">
            <h2>예약 완료</h2>
            <!--left  btn-->
            <div class="top_left">
                <a id="go_calendar" href="#" data-direction="reverse" class="ico_btn_T btnT1">부킹홈</a>
            </div>
            
            <!--right  btn-->
            <div class="top_right">
                <a id="go_booking_help" href="#" data-transition="slide" class="ico_btn btn13">주의사항</a>
            </div>
        </div><!-- // class="top_title_G" 끝  -->
    </header><!-- // header  -->
    
    <!--메인 컨텐츠-->
    <section data-role="content">         
        <div id="reserv_result_title" class="acc_ok_txt">
            <!--확정예약 완료 일때 보여주는 txt -->
            <p class="tit">예약이 완료 되었습니다.</p>
            <p class="tit">가예약이 완료 되었습니다.</p>
            <p>가승인 결제 마감일은 <mark>2012년 5월 7일</mark> 입니다. <br/>예약일 5일 전까지 결제가 완료 되지 않으면<br/> 해당 예약은 자동 취소 됩니다.</p>
            <p>나의 예약 정보는 <mark><a id="go_my_booking" href="#" data-transition="slide">마이골프인 >  부킹정보</a> </mark>에서<br /> 확인 및 취소 할 수 있습니다</p>
            
            <!--가예약 완료 일때 보여주는 txt -->
            
        </div><!-- // class="acc_ok_txt" 끝  -->  
        
        <!-- 예약 정보-->
        <h5 class="h_tit">예약 정보</h5>
        <article id="reserv_info" class="booking_view">
            <h5>컨트리클럽 레이크코스 <em>18H</em><mark>2012.05.12(토) 06:30</mark></h5>
            <div class="ui-grid-b">
            	<!--할인적용이 있을때-->
                <div class="ui-block-a">정상그린피<span>3,570,000 원</span></div>
                <div class="ui-block-b"><em>→</em></div>
                <div class="ui-block-c">고객그린피 할인가<span>￦ <mark>3,150,000</mark> </span></div>
                <!--할인적용이 없을때--> 
                 <div class="no_sale">고객그린피 <span>￦ <mark>3,150,000</mark> </span> </div>
            </div>
            
            <div class="price_area">  가승인 결제 금액  : <mark>￦ 2,100,000</mark> </div>
        </article><!-- // class="booking_view" 끝  -->  
        <p class="com_txt">※ 적립 예정 마일리지는 라운드가 정상적으로 종료될 경우 부여되는 마일리지 입니다.</p>
        
        <!--기부관련 txt-->
        <figure class="acc_donation">
            <img src="../images/donation_img01.png" alt="" />
            <figcaption>골프인은 수익발생의 일부를 <br/>골프인과 제휴업체, 그리고<br/> <span>회원님의 이름으로 도움이<br/> 필요한 <mark>사회단체에 기부</mark> 합니다.</span> </figcaption>
        </figure><!-- // class="acc_donation" 끝  --> 
        
        <!--가예약 완료 일때만 보여주는 btn-->   
         <a id="bottom_btn" href="#" data-role="button" data-theme="a" data-transition="slide" class="btn_type2">확정 예약 하기</a>
    </section><!-- // content -->
</section><!-- // page -->
</body>
</html>
